<template>
    <div>
        <van-nav-bar
            title="用户个人信息"
            left-text="返回"
            left-arrow
            @click-left="backEvt"
        />        
        <el-descriptions :title="`用户名：${list.name}`" direction="vertical" :column="4" border>
            <el-descriptions-item label="手机号" :span="2">{{list.phone||'暂未填写'}}</el-descriptions-item>
            <el-descriptions-item label="性别" :span="2">{{list.sex||'暂未填写'}}</el-descriptions-item>
            <!-- <el-descriptions-item label="备注">
                <el-tag size="small">学校</el-tag>
            </el-descriptions-item> -->
            <el-descriptions-item label="生日" :span="3">{{list.birthday||'暂未填写'}}</el-descriptions-item>
            <el-descriptions-item label="邮箱" :span="3">{{list.email||'暂未填写'}}</el-descriptions-item>
            <el-descriptions-item label="地址" :span="2">{{list.address||'暂未填写'}}</el-descriptions-item>
        </el-descriptions>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:''
        }
    },
    created() {
        this.list=this.$store.getters['common/getUserInfo']
    },
    methods: {
        backEvt(){
            this.$router.push('my')
        }            
    },
}
</script>
<style lang="less" scoped>
.el-descriptions{
    padding-top: 20px;
    text-indent: 5px;
}
.el-button{
    margin: 20px auto;
}
</style>